﻿<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="lib/css/bootstrap.common.min.css" />
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <title></title>
</head>
<body class="container goods-detail-body">
    <header class="row header usrpage-header" id="header">
        <a class="pull-left header-btn" href="#"><span class="icon2 icon2-back"><span class="sr-only">后退</span></span></a>
        <a class="pull-right header-btn" href="index.html"><span class="icon2 icon2-home"><span class="sr-only">返回首页</span></span></a>
        <h1>商品展示</h1>
    </header>
    <div class="row banner goods-detail-banner" role="banner">
        <div id="carousel_banner" class="carousel slide" data-role="carousel" data-infinite=true>
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel_banner" data-slide-to="0" class="active"></li>
                <li data-target="#carousel_banner" data-slide-to="1"></li>
                <li data-target="#carousel_banner" data-slide-to="2"></li>
            </ol>
            <!-- Wrapper for slides -->
            <div class="carousel-inner">
                <div class="item active">
                    <img src="images/e1.jpg" />
                </div>
                <div class="item">
                    <img src="images/e2.jpg" />
                </div>
                <div class="item">
                    <img src="images/e3.jpg" />
                </div>
            </div>
        </div>
        <div class="goods-detail-title">
            <h5 class="oneLineDesc">原木质创意台灯 卧室床头灯可调光简约现代</h5>
            <h6 class="oneLineDesc">原木质创意台灯 卧室床头灯可调光简约现代ha哈哈哈哈哈哈哈哈哈哈哈哈哈哈</h6>
            <a class="icon4 icon4-star2-gray"></a>
        </div>
    </div>
    <main class="main" role="main">
        <header class="row goods-detail-info mute" role="contentinfo">
            <h3>
                <span class="price-now">商城价:<big>$<span id="">112</span></big></span>
                <span class="price-market">市场价:<del>$<span id="">321</span></del></span>
            </h3>
            <h5>促销信息：<span>该商品参加阶梯满减活动</span></h5>
            <h5>服务：<span class="colr-79">由 beladesign 发货并提供售后服务</span></h5>
        </header>
        <div class="row goods-detail-cont-set" id="goods_cont_set">

            <!--产品参数-->
            <article class="box-green-norShape goods-data" id="art1">
                <header>
                    <a href="#art1" data-toggle="collapse" data-target="#art1_cont" data-parent="#goods_cont_set">
                        <h5 class="green-90">产品参数</h5>
                        <div class="rig-side"><span class="icon4 icon4-up"></span></div>
                    </a>
                </header>
                <div class="box-content colr-79 collapse in" id="art1_cont" role="definition">
                    <span class="pull-left">商品分类：</span><span class="">呵呵</span><br>
                    <span class="pull-left">品牌：</span><span class="">呵呵</span><br>
                    <span class="pull-left">货号：</span><span class="">呵呵</span><br>
                    <span class="pull-left">重量/体积：</span><span class="">呵呵</span><br>
                    <span class="pull-left">适用区域：</span><span class="">呵呵</span><br>
                    <span class="pull-left">家装风格：</span><span class="">呵呵</span><br>
                    <span class="pull-left">材质：</span><span class="">呵呵</span><br>
                </div>
                <footer></footer>
            </article>
            <!--图文详情-->
            <article class="box-green-norShape" id="act2">
                <header>
                    <a href="#art2" data-toggle="collapse" data-target="#art2_cont" data-parent="#goods_cont_set">
                        <h5 class="green-90">图文详情<small class="mute"> (建议在WIFI下查看)</small></h5>
                        <div class="rig-side"><span class="icon4 icon4-down"></span></div>
                    </a>
                </header>
                <div class="box-content colr-79 collapse" id="art2_cont" role="document">
                    <span>
                        “原木在作为一种材质之前，它就是有生命的。我们相信，我们可以通过设计将思
                        想与情感注入产品，让产品变得有“生命”。我们相信，通过我们的设计，会让您
                        在使用产品时，心情更加愉悦。” ————本来设计·设计理念
                    </span><br>
                    <img src="images/e3.jpg" width="100%" /><br />
                    <span>其他描述blablabla</span>
                </div>
                <footer></footer>
            </article>
            <!--用户评价-->
            <article class="box-green-norShape goods-comment" id="act3">
                <header>
                    <a href="#art3" data-toggle="collapse" data-target="#art3_cont" data-parent="#goods_cont_set">
                        <h5 class="green-90">用户评价<small class="mute">(<span>99</span>)</small></h5>
                        <div class="rig-side">
                            <div class="goods-rating">
                                <span class="icon-star icon-star-4"></span>
                                <big>4.0</big>
                            </div>

                            <span class="icon4 icon4-down"></span>
                        </div>
                    </a>
                </header>
                <div class="box-content colr-79 collapse" id="art3_cont" role="note">
                    <ul>
                        <li>
                            <div class="comment-content"><span>心得：</span><span>给男朋友买来放在宿舍用的，再也不怕太暗了找不到纸巾了。</span></div>
                            <div class="comment-info">
                                <div class="goods-rating">
                                    <span class="icon-star icon-star-4"></span>
                                    <big>4.0</big>
                                </div>
                                <div class="comment-user-info">
                                    <span class="pr-5">贺小姐</span><span>2014-01-02</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="comment-content"><span>心得：</span><span>给男朋友买来放在宿舍用的，再也不怕太暗了找不到纸巾了。</span></div>
                            <div class="comment-info">
                                <div class="goods-rating">
                                    <span class="icon-star icon-star-4"></span>
                                    <big>4.0</big>
                                </div>
                                <div class="comment-user-info">
                                    <span class="pr-5">贺小姐</span><span>2014-01-02</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="comment-content"><span>心得：</span><span>呵呵</span></div>
                            <div class="comment-info">
                                <div class="goods-rating">
                                    <span class="icon-star icon-star-4"></span>
                                    <big>4.0</big>
                                </div>
                                <div class="comment-user-info">
                                    <span class="pr-5">贺小姐</span><span>2014-01-02</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div class="comment-page-controler">
                        <button class="btn btn-default btn-xs">上一页</button>
                        <span>1</span>/<span>2</span>
                        <button class="btn btn-default btn-xs">下一页</button>
                    </div>
                </div>
                <footer></footer>
            </article>
            <!--猜你喜欢-->
            <article class="box-green-norShape" id="act4">
                <header>
                    <a href="#art4" data-toggle="collapse" data-target="#art4_cont" data-parent="#goods_cont_set">
                        <h5 class="green-90">猜你喜欢</h5>
                        <div class="rig-side"><span class="icon4 icon4-down"></span></div>
                    </a>
                </header>
                <div class="box-content row colr-79 collapse" id="art4_cont">
                    <!--分3格太窄!-->
                    <!--一个商品-->
                    <section class="col-xs-6 goods-content">
                        <a class="goods-pic"><img src="images/example3.jpg" /></a>
                        <a href="#" class="goods-info">
                            <div class="mainText">Bela Design原木质小台灯</div>
                            <div class="mute">创意 原木质 可调光 小夜灯</div>
                        </a>
                        <div class="goods-price">
                            <span class="goods-price-now">$158.00</span>
                            <del class="goods-price-old mute">$158.00</del>
                        </div>
                    </section>
                    <!--一个商品-->
                    <section class="col-xs-6 goods-content">
                        <a class="goods-pic"><img src="images/example3.jpg" /></a>
                        <a href="#" class="goods-info">
                            <div class="mainText">Bela Design原木质小台灯</div>
                            <div class="mute">创意 原木质 可调光 小夜灯</div>
                        </a>
                        <div class="goods-price">
                            <span class="goods-price-now">$158.00</span>
                            <del class="goods-price-old mute">$158.00</del>
                        </div>
                    </section>
                    <!--一个商品-->
                    <section class="col-xs-6 goods-content">
                        <a class="goods-pic"><img src="images/example3.jpg" /></a>
                        <a href="#" class="goods-info">
                            <div class="mainText">Bela Design原木质小台灯</div>
                            <div class="mute">创意 原木质 可调光 小夜灯</div>
                        </a>
                        <div class="goods-price">
                            <span class="goods-price-now">$158.00</span>
                            <del class="goods-price-old mute">$158.00</del>
                        </div>
                    </section>
                </div>
                <footer></footer>
            </article>
        </div>
    </main>
    <nav class="goods-detail-btn">
        <div class="col-xs-6"><a href="buynow.html" class="btn btn-danger btn-block"><span><span class="icon4 icon4-yuan"></span>立即购买</span></a></div>
        <div class="col-xs-6"><a href="buynow.html" class="btn btn-success btn-block"><span><span class="icon4 icon4-cart"></span>加入购物车</span></a></div>
    </nav>
    <!--页尾-->
    <footer class="row footer">
        <nav class="footer-nav">
            <div class="pull-left">
                <a href="usrpage.html" class="nav-item left-icon"><span class="icon icon-people icon-s18"></span>登录</a>
                <a class="nav-item"><span class="icon icon-vertline"></span></a>
                <a href="signup.html" class="nav-item left-icon"><span class="icon icon-locker icon-s18"></span>注册</a>
            </div>
            <div class="pull-right">
                <a class="nav-item" href="feedback.html">反馈</a>
                <a class="nav-item divider"><span class="icon icon-vertline"></span></a>
                <a class="nav-item" href="#header">TOP<span class="icon-beak"></span></a>
            </div>
        </nav>
        <nav class="footer-nav2">
            <div class="platform-select">
                <div class="text-center">
                    <a class="nav-item left-icon" href="#"><span class="icon icon-phone icon-s18"></span>手机版</a>
                    <a class="nav-item left-icon" href="#"><span class="icon icon-computer icon-s18"></span>电脑版</a>
                    <a class="nav-item left-icon"><span class="icon icon-phone2 icon-s18"></span>下载客户端</a>
                </div>
                <div class="text-center footer-copyright">
                    <span>Copyright © 20013-2014  QQT100.COM</span><br />
                    <span>客服电话：4000-139-020</span>
                </div>
            </div>
        </nav>
    </footer>
    <script src="lib/js/zepto.min.js"></script>
	<script src="js/script.js"></script>
    <script src="js/script_ui_ev.js"></script>
</body>
</html>
